<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="view/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="view/jquery/jquery.validity.css" rel="stylesheet">
<script type="text/javascript" src="view/jquery/jquery-1.9.1.js"></script>
<script src="view/jquery/jquery.validity.js" type="text/javascript"></script>
<script type="text/javascript" src="view/bootstrap/js/bootstrap.js"></script>
<style type="text/css">
label.error { 
    color:#fff; 
    margin-left:2px;     
    background-image:url('arrow.gif');
    background-position:left center;
    background-repeat:no-repeat;
    padding:2px;
    padding-left:18px;
    -moz-border-radius:4px;
    -webkit-border-radius: 4px;
}
</style>
</head>

<body style="zoom: 1;">
    

</body>
<script type="text/javascript">
	
        $(function() {
            $("#test").validity(function() {
                $("#quantity")
                    .require()
                    .match("number");
            });
        });
    
</script>
</html>
